<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="../../css/bootstrap.css">
	</head>
	<style>
		.navbar-brand{
			width: 160px;
			height: 65px;
		}
		nav{
			padding: 0px;
			margin: 0px;
		}
		nav ul li{
			margin-top: 5px;
		}
		.ssssssss{
			margin-top: 6px;
		}
		@media (max-width:786px) {
				form{
					display: none;
				}
			}
	</style>
	<body>
		<div class="container">
			<nav class="navbar navbar-inverse">
			<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>	
				<span class="icon-bar"></span>	
				<span class="icon-bar"></span>	
			</button>
			<img src="logo1.png" class="navbar-brand">	
			</div>
			<ul class="nav navbar-nav navbar-collapse collapse">
				<li><a href="#">北大情况</a></li>
				<li><a href="#">招生</a></li>
				<li><a href="#">学部与学院</a></li>
				<li><a href="#">教学学院</a></li>
				<li><a href="#">科学研究</a></li>
				<li><a href="#">合作交流</a></li>
				<li><a href="#">校园交流</a></li>
			</ul>
			<div class="ssssssss">
				<form class="navbar-form navbar-right text-center" >
					<div class="form-group">
						<input type="text" class="form-control" />
					</div>
					<button class="btn btn-primary">百度一下</button>
				</form>
			</div>
			</nav>
		</div>
		<script src="../../js/jquery-1.12.4.js"></script>
		<script src="../../js/bootstrap.min.js"></script>
	</body>
</html>